.head{
    background: $white;
    height: 80px;
    box-shadow: 0 0 20px rgba($color: #000, $alpha: 0.1);
    min-width: 1200px;
    .logo{
        width: 166px;
        height: 80px;
        float: left;
        line-height: 80px;
        img{
            vertical-align: middle;
            width: 100%;
        }
    }
    .nav{
        float: right;
        li{
            float: left;
            padding: 0 25px;
            line-height: 80px;
            position: relative;
            color: $sub;
            transition: all .5s;
            a{
                display: block;
            }
            &.active{
                color: $primary_blue;
                &:before{
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 3px;
                    background: $primary_blue;
                    top: 0;
                    left: 0;
                }
            }
            &:hover{
                background: $primary_blue;
                color: $white;
            }
        }
    }
}